$(function() {
    // 点击 "去注册" 的事件
    $('#link_reg').on('click', function() {
        $('.login-box').hide()
        $('.reg-box').show()
    })

    // 点击 "去登录" 的事件
    $('#link_login').on('click', function() {
        $('.login-box').show()
        $('.reg-box').hide()
    })
})

// 从layui 中获取 form 对象
var form = layui.form
var layer = layui.layer
// 
form.verify({
    uname: [
        /^[\S]{1,10}$/,
        '用户名必须1到10位,且不能出现空格'
    ],
    pwd: [
        /^[\S]{6,12}$/
        ,'密码必须6到12位，且不能出现空格'
      ] ,
    
    // 校验二次密码是否一致
    repwd: function(value) {
        var pwd = $('.reg-box [name=password]').val()
        if(pwd !== value) {
            alert('二次密码不一致')
        }
    }

})

// 注册请求
$('#form_reg').on('submit', function(e) {
    e.preventDefault()

    // 发起ajax请求
    var data = {username: $('#form_reg [name=username]').val(),        
                password: $('#form_reg [name=password]').val(),
                repassword: $('#form_reg [name=repassword]').val()
            }
    $.post('/api/reg', data, function(res) {
        if(res.code !== 0) {
            return layer.msg(res.message)
        }
        layer.msg('注册成功, 请登录')

        // 注册成功直接跳转到登录
        $('#link_login').click()
    })
})

// 登录请求
$('#form_login').on('submit', function(e) {
    e.preventDefault()

    // 发起ajax请求
    $.ajax({
        url: '/api/login',
        method: 'POST',
        data: $(this).serialize(),
        success: function(res) {
            if(res.code !== 0) {
                return layer.msg(res.message)
            }
            layer.msg(res.message)
            localStorage.setItem('token', res.token)

            location.href= './index.html'
        }
    })
})



